@import '../base/var.styl'

.footer
  font-size: 16px
  color: #fff
  background: #353535
  .center
    width: $center-w
    margin: 0 auto
    .content
      display: flex
      justify-content: space-between
      padding: 50px 0
      .left
        display: flex
        flex-direction: column
        justify-content: space-between
        .logo
          width: 184px
        .position
          .info
            &:not(:last-child)
              margin-bottom: 20px
      .right
        .nav
          transform: translateX(24px)
          .link
            padding: 0 24px
            position: relative
            &:not(:last-child)
              &::after
                content: ''
                position: absolute
                right: -1px
                top: 0
                width: 2px
                height: 100%
                background: #fff
                transform: scaleY(0.75)
            &:hover
              color: $c-theme
        .qrcode-group
          display: flex
          justify-content: flex-end
          align-items: center
          margin-top: 38px
          text-align: center
          .qrcode-item
            &:not(:last-child)
              margin-right: 20px
            .text
              margin-top: 14px
    .copyright
      text-align: center
      line-height: 60px
      border-top: 1px solid #666666